<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"
integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+"
crossorigin="anonymous"></script>
<style>
#b1:hover{
scale: 1.1;
border: 0px solid;
border-radius: 20%;
}
#b1{
background:linear-gradient(to left,rgb(189, 221, 239),rgb(87, 164, 247));
border: 0px solid;
border-radius: 3%;
font-weight: 70%;
box-shadow: 10px 10px 15px rgb(136, 219, 250);
}
</style>
<style>
@keyframes bnn{
0%{
background-color:red;
}
100%{
background-color: blue;
}
}
#bn{
color: white;
animation-name: bnn;
animation-duration: 1s;
animation-delay: 1s;
animation-iteration-count: infinite;
}
</style>
<style>
.lo1{
height: 185%;
width: 100%;
position: absolute;
z-index: -1;
background-image: url(appbck.img);
}
</style>
</head>
<body>
<div class="lo1"></div>
<nav class="navbar navbar-expand-lg navbar-light bg-light mb-4" style="position: fixed; left: 5%; z-index: 1; ">
<div class="spinner-grow" role="status">
<span class="visually-hidden"></span>
</div>
<a class="navbar-brand" href="#" style="font-size: 30px;"><u><b>e-Commerce Hub</b></u></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html" id="b1"><b>Home</b></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="android.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b> Android📱</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="android.html">Samsung</a>
<a class="dropdown-item" href="android.html">OnePlus</a>
<a class="dropdown-item" href="android.html">Realme</a>
<a class="dropdown-item" href="android.html">Redmi</a>
<a class="dropdown-item" href="android.html">Oppo</a>
<a class="dropdown-item" href="android.html">Vivo</a>
<div class="dropdown-divider"></div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="apple.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b> Apple(ios)📲</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="apple.html">iphone 6s</a>
<a class="dropdown-item" href="apple.html">iphone 7plus</a>
<a class="dropdown-item" href="apple.html">iphone X</a>
<a class="dropdown-item" href="apple.html">iphone 11</a>
<a class="dropdown-item" href="apple.html">iphone 12</a>
<a class="dropdown-item" href="apple.html">iphone 14</a>
<div class="dropdown-divider"></div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="laptop.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b> Laptops💻</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="laptop.html">Asus</a>
<a class="dropdown-item" href="laptop.html">Lenovo</a>
<a class="dropdown-item" href="laptop.html">Hp</a>
<a class="dropdown-item" href="laptop.html">Dell</a>
<a class="dropdown-item" href="laptop.html">Acer</a>
<a class="dropdown-item" href="laptop.html">MacBook</a>
<div class="dropdown-divider"></div>
</div>
</li>
<li class="nav-item dropdown">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="watch.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b>Smart Watches⌚</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="watch.html">Fire-boltt</a>
<a class="dropdown-item" href="watch.html">Noise</a>
<a class="dropdown-item" href="watch.html">Boult</a>
<a class="dropdown-item" href="watch.html">Boat</a>
<a class="dropdown-item" href="watch.html">Samsung</a>
<a class="dropdown-item" href="watch.html">i watch</a>
<div class="dropdown-divider"></div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="earbuds.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b>Earbuds🎧</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="earbuds.html">Mivi</a>
<a class="dropdown-item" href="earbuds.html">Boat</a>
<a class="dropdown-item" href="earbuds.html">Realme</a>
<a class="dropdown-item" href="earbuds.html">PTrone</a>
<a class="dropdown-item" href="earbuds.html">Noise</a>
<a class="dropdown-item" href="earbuds.html">OnePlus</a>
<div class="dropdown-divider"></div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="sond.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b> Speakers🔊</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="sond.html">Boat</a>
<a class="dropdown-item" href="sond.html">Zebronic</a>
<a class="dropdown-item" href="sond.html">Mivi</a>
<a class="dropdown-item" href="sond.html">Alexa</a>
<a class="dropdown-item" href="sond.html">JBL</a>
<a class="dropdown-item" href="sond.html">Sony</a>
<div class="dropdown-divider"></div>
</div>
</div>
<form class="d-flex" role="search">
<a href="login.html" button class="btn btn-outline-success">Login</button></a>
</form>
</nav>
</button>
<!-- navbar end -->
<!-- cards -->
<div class="container-fluid">
<div class="row">
<div class="col-lg-3" style="margin-left: 13%;">
<div class="card ml-3" style="width: 18rem; margin-top: 30%; border-radius: 15%; background-image: url(indback.jpg);">
<img src="sonu4.jpg" class="card-img-top" alt="..." height="50%" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title">Boat</h5>
<p class="card-text">Black<br>High Volume <br> Great Sound System</p>
<a href="https://www.flipkart.com/boat-stone-350-10-w-bluetooth-speaker/p/itmba477fc3ec7ae?pid=ACCFVWMHBGUNFG97&lid=LSTACCFVWMHBGUNFG97UOBHG9&marketplace=FLIPKART&q=boat+speaker&store=0pm%2F0o7&srno=s_1_1&otracker=AS_QueryStore_OrganicAutoSuggest_1_7_na_na_na&otracker1=AS_QueryStore_OrganicAutoSuggest_1_7_na_na_na&fm=search-autosuggest&iid=en_mmFPjlwFGyjWVOy3DPdrWf2ELRXz3tOdUeePoj1-_c8Z_GiL0VI6bR5kxUumwtiYIxWViqIb0X01bYJCSwzEWg%3D%3D&ppt=sp&ppn=sp&ssid=wnb8fo0n400000001703745026301&qH=32394fdff697fb2d" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card ml-3" style="width: 18rem; margin-top: 30%; border-radius: 15%; background-image: url(indback.jpg);">
<img src="sond2.jpg" class="card-img-top" alt="..." height="10%" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title">Zebronic</h5>
<p class="card-text">Black<br> HD Sound System</p>
<a href="https://www.flipkart.com/zebronics-juke-bar-4000-100-w-bluetooth-soundbar/p/itm912c1790b7af0?pid=ACCFZHMFZVZHD4QZ&lid=LSTACCFZHMFZVZHD4QZMHP8H7&marketplace=FLIPKART&q=zebronics+soundbars&store=0pm%2F0o7&spotlightTagId=FkPickId_0pm%2F0o7&srno=s_1_1&otracker=AS_QueryStore_OrganicAutoSuggest_1_8_na_na_ps&otracker1=AS_QueryStore_OrganicAutoSuggest_1_8_na_na_ps&fm=search-autosuggest&iid=d36cae5c-78f9-4a5e-b082-a720fbd8dfda.ACCFZHMFZVZHD4QZ.SEARCH&ppt=sp&ppn=sp&ssid=1hjwi7saow0000001703745045806&qH=a1ebe101936e7f80" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card ml-3" style="width: 18rem; margin-top: 30%;border-radius: 15%; background-image: url(indback.jpg);">
<img src="mivi.jpg" class="card-img-top" alt="..." height="50%" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title">MIVI</h5>
<p class="card-text">Black<br>Best Sound Resolution</p>
<a href="https://www.flipkart.com/mivi-fort-s440-soundbar-sub-woofer-2-satellite-speakers-440w-surround-sound-440-w-bluetooth/p/itmbdb4bf7fa0bd3?pid=ACCGMFR4W8WPMFGW&lid=LSTACCGMFR4W8WPMFGWZRBABT&marketplace=FLIPKART&q=mivi+speaker&store=0pm%2F0o7&srno=s_1_2&otracker=AS_QueryStore_OrganicAutoSuggest_1_7_na_na_ps&otracker1=AS_QueryStore_OrganicAutoSuggest_1_7_na_na_ps&fm=search-autosuggest&iid=en_NW2TBx4wRl-8TNxF3EqKd2x3qTUTuc2GOFYJUX6NYbaf1FAezcFyJex7v4FHPSiFGZ9rTEo0Eak6ndub2X49ig%3D%3D&ppt=sp&ppn=sp&ssid=abi52f0vgg0000001703745065347&qH=ab8182ba334a8908" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-lg-3" style="margin-left: 13%;">
<div class="card ml-3" style="width: 18rem; margin-top: 20%; border-radius: 15%; background-image: url(indback.jpg);">
<img src="alexa.jpg" class="card-img-top" alt="..." height="50%" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title">Alexa</h5>
<p class="card-text">off Black <br> Retina HD display with 3D Touch</p>
<a href="https://www.flipkart.com/seashot-google-alexa-siri-assistant-smart-speaker/p/itmff26c03daabf4?pid=ACCGSRMZFQ3QM6KF&lid=LSTACCGSRMZFQ3QM6KFA5P0WE&marketplace=FLIPKART&q=alexa+speaker&store=0pm%2F0o7&srno=s_1_13&otracker=AS_QueryStore_OrganicAutoSuggest_1_8_na_na_ps&otracker1=AS_QueryStore_OrganicAutoSuggest_1_8_na_na_ps&fm=search-autosuggest&iid=d586ca06-29cf-4ab5-aed1-8130ac89b863.ACCGSRMZFQ3QM6KF.SEARCH&ppt=sp&ppn=sp&ssid=6xs6qx9kps0000001703745100709&qH=7986e7cf93d6706a" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card ml-3" style="width: 18rem; margin-top: 20%;border-radius: 15%; background-image: url(indback.jpg);">
<img src="jbl.jpg" class="card-img-top" alt="..." height="50%" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title">JBL</h5>
<p class="card-text">Black<br> Retina HD display<br>A10 Fusion Chip</p>
<a href="https://www.flipkart.com/jbl-go-essential-rich-bass-5-hrs-playtime-ipx7-waterproof-ultra-portable-3-1-w-bluetooth-speaker/p/itm1c2d1118508ca?pid=ACCGCYFS8FW4G3FG&lid=LSTACCGCYFS8FW4G3FGNYVONT&marketplace=FLIPKART&q=jbl+speakers&store=0pm%2F0o7&spotlightTagId=BestsellerId_0pm%2F0o7&srno=s_1_1&otracker=AS_QueryStore_OrganicAutoSuggest_1_6_na_na_ps&otracker1=AS_QueryStore_OrganicAutoSuggest_1_6_na_na_ps&fm=search-autosuggest&iid=dd86770d-5fcb-48ab-ba39-ac1f1ed68670.ACCGCYFS8FW4G3FG.SEARCH&ppt=sp&ppn=sp&ssid=h411pf8a1s0000001703745129396&qH=2ea9581aee816b69" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card ml-3" style="width: 18rem; margin-top: 20%;border-radius: 15%; background-image: url(indback.jpg);">
<img src="sond6.jpg" class="card-img-top" alt="..." height="50%" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title">Sony</h5>
<p class="card-text">Black<br>Best Sound<br>Easy to Connect</p>
<a href="https://www.flipkart.com/sony-ht-s20r-5-1ch-home-theatre-dolby-digital-subwoofer-rear-speakers-400-w-bluetooth-soundbar/p/itm747eef186afc7?pid=ACCFZ8GFSVRTDPJD&lid=LSTACCFZ8GFSVRTDPJD3UJEO3&marketplace=FLIPKART&q=sony+speaker&store=0pm%2F0o7&srno=s_1_1&otracker=AS_QueryStore_OrganicAutoSuggest_1_7_na_na_ps&otracker1=AS_QueryStore_OrganicAutoSuggest_1_7_na_na_ps&fm=search-autosuggest&iid=9e30ec2c-d54f-45e3-b62e-6f72750489ca.ACCFZ8GFSVRTDPJD.SEARCH&ppt=sp&ppn=sp&ssid=tuwxzhm2k00000001703745150830&qH=fee34005c39cc917" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="text-center text-lg-start bg-body-tertiary text-light bg-dark mt-5 ">
<!-- Section: Social media --> <section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom">
<!-- Right -->
<div>
<a href="" class="me-4 text-reset">
<i class="fab fa-facebook-f"></i>
</a>
<a href="" class="me-4 text-reset">
<i class="fab fa-twitter"></i>
</a>
<a href="" class="me-4 text-reset">
<i class="fab fa-google"></i>
</a>
<a href="" class="me-4 text-reset">
<i class="fab fa-instagram"></i>
</a>
<a href="" class="me-4 text-reset">
<i class="fab fa-linkedin"></i>
</a>
<a href="" class="me-4 text-reset">
<i class="fab fa-github"></i>
</a>
</div>
<!-- Right -->
</section>
<!-- Section: Social media -->
<!-- Section: Links -->
<section class="">
<div class="container text-center text-md-start mt-5">
<!-- Grid row -->
<div class="row mt-3">
<!-- Grid column -->
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
<!-- Content -->
<h6 class="text-uppercase fw-bold mb-4">
<i class="fas fa-gem me-3"></i>e-Commerce Hub
</h6>
<p>
E-commerce is a powerfull means to connect the unconnected to global trades
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">
Products
</h6>
<p>
<a href="watch.html" class="text-reset">Watches</a>
</p>
<p>
<a href="sond.html" class="text-reset">Speakers</a>
</p>
<p>
<a href="laptop.html" class="text-reset">Laptop</a>
</p>
<p>
<a href="android.html" class="text-reset">andriod</a>
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">
Useful links
</h6>
<p>
<a href="http://www.instagram.com" class="text-reset">Instagram</a>
</p>
<p>
<a href="http://www.whatsspp.com" class="text-reset">whats app</a>
</p>
<p>
<a href="http://www.snapchat.com" class="text-reset">Snapchat</a>
</p>
<p>
<a href="http://www.google.com" class="text-reset">Google</a>
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">Location</h6>
<p><i class="fas fa-home me-3"></i>Mango, Jamshedpur, Jharkhand</p>
<p>
<i class="fas fa-envelope me-3"></i>
hub@gmail.com
</p>
<p><i class="fas fa-phone me-3"></i> +91 7488047535</p>
<p><i class="fas fa-print me-3"></i> +91 6206338481</p>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</div>
</section>
<!-- Copyright -->
<div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05);">
© 2021 Copyright:
<a class="text-reset fw-bold" href="index.html">Commerce.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</html>